<html>
<head>
	<meta name="layout" content="mainApp" />
</head>
<body>

<g:if test="${flash.message}">
	<div class="errors" style="margin-left: 150px; margin-right: 150px;">
        <h3>&nbsp;${flash.message }</h3>
    </div>
</g:if>

<div class="body">

	<g:form action="doLogin" method="post">
		<div style="align: center; margin-top: 50px; margin-left: 250px;">
			<table class="userForm">
				<tr class='prop'>
					<td valign='top' style='text-align:left;' width='20%'>
						<label for='email'>Usuario:</label>
					</td>
					<td valign='top' style='text-align:left;' width='80%'>
						<input id="username" type='text' name='username' value='${user?.username}' />
					</td>
				</tr>
				
				<tr class='prop'>
					<td valign='top' style='text-align:left;' width='20%'>
						<label for='password'>Clave:</label>
					</td>
					<td valign='top' style='text-align:left;' width='80%'>
						<input id="password" type='password' name='password' value='${user?.password}' />
					</td>
				</tr>
			</table>
		</div>
		<div class="buttons" style="margin-left: 250px; text-align: right;">
			<span class="formButton"><input type="submit" value="Ingresar"></input></span>
		</div>
	</g:form>
</div>
</body>
</html>